<template>
	<view class="inquiresOne">
		<p class="content1">{{props.inquiriesList.content1}}</p>
		<image :src="props.inquiriesList.contentUrl1" mode="aspectFill" class="contentUrl1" loading="lazy"></image>
		<p class="content2">{{props.inquiriesList.content2}}</p>
	</view>
</template>

<script setup>
	import {
		defineProps
	} from 'vue';
	let props = defineProps(['inquiriesList'])
</script>

<style scoped lang="scss">
@import '/static/style/index.scss';

	.inquiresOne {
		padding-bottom: 40rpx;

		.content1,
		.content2 {
			margin: 48rpx 0;
			color: $text-color;
			margin: 48rpx 0;
			font-size: $font-size-base;
			text-indent: 2rem;
			line-height: 56rpx;
		}

		.contentUrl1 {
			width: 678rpx;
			height: 320rpx;
		}
	}
</style>